/**
 * 定义出现圈圈的效果，
 * 使用方式： <body onload="initPageZoomInOut()">
 * @param {Type}  
 */ 
function initPageZoomInOut() {
    var pageWrap = document.getElementById( 'pagewrap' ),
    pages = [].slice.call( pageWrap.querySelectorAll( 'div.container' ) ),
    currentPage = 0,
    //triggerLoading = [].slice.call( pageWrap.querySelectorAll( 'a.pageload-link' ) ),
    loader = new SVGLoader( document.getElementById( 'loader' ), { speedIn : 800  } );  // speedIn设置圆圈展开的速度
    loader.show();  // 显示一个从中心扩大的圈

    //  不设置这个仅仅显示一个从中心扩大的圈圈
    setTimeout( function() {
        loader.hide();  //  隐藏圈效果
        classie.removeClass( pages[ currentPage ], 'show' );
        // 显示一个缩小的圈效果
        currentPage = currentPage ? 0 : 1;
        classie.addClass( pages[ currentPage ], 'show' );
    }, 1000 );
}